//文档加载事件
$(function () {

    //轮播
    // $("#banner").slidebox({
    //     boxh: 450,//盒子的高度
    //     w: 970,//图片的宽度
    //     h: 450,//图片的高度
    //     isShow: true,//是否显示控制器
    //     isShowBtn: true,//是否显示左右按钮
    //     controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    //     controlsW: 12,//控制按钮宽度
    //     controlsH: 12,//控制按钮高度
    //     radius: 6//控制按钮圆角度数
    // });

    //列表轮播
    // $("#slider").slidebox({
    //     boxh: 285,//盒子的高度
    //     w: 645,//图片的宽度
    //     h: 285,//图片的高度
    //     isShow: true,//是否显示控制器
    //     isShowBtn: true,//是否显示左右按钮
    //     controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    //     controlsW: 12,//控制按钮宽度
    //     controlsH: 12,//控制按钮高度
    //     radius: 6//控制按钮圆角度数
    // });


    // 楼层爬楼
    let colorArr = ['#01c2ed','#fbde03','pink','#a7e0dd','#ae816a','#fc9430']
    $('.floor-nav .floor-item').hover(function(){
        let index = $(this).index()
        // 鼠标移入，精灵图向右移动40
        $(this).css({
            'background-position-x':-40,
            'background-color':colorArr[index],
            'width':40
        })
    },function(){
        // 鼠标移出，图片回到原位
        $(this).css({
            'background-position-x':0,
            'background-color':'',
            'width':0
        })
    }).click(function(){
        let index = $(this).index()
        let $target =  $('.floor').eq(index)
        let sTop = $target.offset().top
        $('html,body').stop().animate({scrollTop:sTop},300)
    })








    // 窗口的滚动事件
    $(window).scroll(function(){
        let sTop = $('html,body').scrollTop()       //获取了文档的滚动距离
        if(sTop >= 500){
            //显示顶部搜索框
            $('.topsearch').stop().slideDown()
        }else{
            // 隐藏顶部搜索框
            $('.topsearch').stop().slideUp()
        }
    })







})

